<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常见的基本的语法规则</title>
		<style type="text/css">
			#d1 {
				background-color: blanchedalmond;
				width: 400px;
				height: 200px;
				border: 1px solid red;
				float: left;
				margin-right: 10px;
			}
			/* 类样式 */
			.c1 {
				width: 200px;
				height: 100px;
				background-color: aqua;
			}
		</style>
		<!-- y引入外部样式 -->
		<link rel="stylesheet" type="text/css" href="test1.css"/>
	</head>
	<body>
		<!-- 容器 一块内容 div id是唯一标识一个div  class是类样式 id 不能重复 class是可以重复-->
		<div id="d1" class="c1">
			div1
			<p>我是p标签1</p>
			<div class="c1"></div>
		</div>
		
		<div id="d2" class="c1">
			div2
			<p>我是p标签1</p>
			<p><img src="../img/ad-02.jpg" ></p>
		</div>
		<!-- 列表 ul li -->
		<ul class="ul1">
			<li><a href="#">购物车</a></li>
			<li><a href="#">注册</a></li>
			<li><a href="#">登录</a></li>
			<li><a href="#">登录</a></li>
			<li><a href="#">爱好</a></li>
		</ul>
	</body>
</html>
